Introduction

The Page Loader is a fantastic tool that helps optimize performance and user experience through various measures to adjust web page loading. This guide will gently walk you through how to configure and use the adjust loading feature.

Step 1: Getting Started

Firstly, please navigate to 'Speed up' > 'Page loader', and then click on 'Enable'.

Here's a visual guide to help you:

Step 2: Quick Setup of the External Display Interface

Next, please click on one of the six Presets to apply it to your store.

You can adjust the size of the loading icon by clicking on 'Loading size'.

Here's an image to guide you:

Step 3: Customize Advanced Settings as Desired

Click to choose a background color or input an image from your device to use as the background.

You can also customize the color of the loading icon by clicking on 'Loading color'.

Here's an image to guide you:

Step 4: Set the Time to Hide the Page Loader Feature and Choose When to Display

Please click to select the time to hide the loading feature.

Here's an image to guide you:

Step 5: Preview the Page Loader

Finally, click to select how you'd like the feature to be displayed. You have two display options: Mobile mode and Desktop mode.

Here's an image to guide you:

That's it! You've successfully set up the Page Loader. Enjoy optimizing your web page loading experience.